﻿layui.use(['form', 'layer', 'jquery'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery;

    //注册按钮
    form.on("submit(agentRegister)", function (data) {
        var $this = this;
        $($this).text("注册中...").attr("disabled", "disabled").addClass("layui-disabled");
        var data = {
            UserName: $(".UserName").val(),
            Password: $(".Password").val(),
            RealName: $(".RealName").val(),
            Mobile: $(".Mobile").val(),
            CardId: $(".CardId").val(),
            BankType: $(".BankType").val(),
            BankCard: $(".BankCard").val(),
            InvitationCode: $(".InvitationCode").val(),
            AuditImages: $(".UploadImages").val().split(',')
        };

        //获取防伪标记
        $.ajax({
            type: 'POST',
            url: '/Account/AgentRegister/',
            data: data,
            dataType: "json",
            headers: {
                "X-CSRF-TOKEN-yilezhu": $("input[name='AntiforgeryKey_yilezhu']").val()
            },
            //traditional: true,// 防止深度序列化
            success: function (res) { // res为相应体,function为回调函数
                if (res.ResultCode === 200) {
                    var alertIndex = layer.alert(res.ResultMsg, { icon: 1 }, function () {
                        //layer.closeAll("iframe");
                        ////刷新父页面
                        //parent.location.reload();
                        //top.layer.close(alertIndex);
                        window.location.href = "/";
                    });
                } else {
                    $($this).text("注册").prop("disabled", false).removeClass("layui-disabled");
                    layer.alert(res.ResultMsg, { icon: 5 });
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                $($this).text("注册").prop("disabled", false).removeClass("layui-disabled");
                layer.alert('操作失败！！！' + XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + textStatus, { icon: 5 });
            }
        });
        return false;
    });

    // [layui form valid](https://www.layui.com/doc/modules/form.html)
    form.verify({
        username: function (value, item) { //value：表单的值、item：表单的DOM对象
            if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
                return '用户名不能有特殊字符';
            }
            if (/(^\_)|(\__)|(\_+$)/.test(value)) {
                return '用户名首尾不能出现下划线\'_\'';
            }
            if (/^\d+\d+\d$/.test(value)) {
                return '用户名不能全为数字';
            }
            if (value.length > 10) {
                return '用户名太长，请控件在10个字符';
            }
        }

        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        , pass: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ]
        , confimpass: function (value, item) {
            var password = $("#Password").val();
            if (value != password) {
                return '两次录入的密码不一样';
            }
        }
        , checkedimages: function (value, item) {
            if (!value) {
                return '请上传图片资料';
            }
        }
        , checkedread: function (value, item) {
            if (!$("#IsRead").is(":checked")) {
                return "请选择 相关阅读信息";
            }
        }
    });    

    $(".imagesPanel").on('click', '.updateAuditImage', function () {
        var id = $(this).attr("value");
        var newImages = [];
        var images = $("#UploadImages").val().split(',');
        var currentImage = $(".imagesPanel").find("span[value=" + id + "] img").attr("src");
        for (var i = 0; i < images.length; i++) {
            var image = images[i];
            if (currentImage.indexOf(image) == -1) {
                newImages.push(image);
            }
        }
        $("#UploadImages").val(newImages);
        $(".imagesPanel").find("span[value=" + id + "]").remove();
    });

    // 上传图片到七牛云
    $("#uploadImagesBtn").click(function () {
        $("#userfile").click();
    });

    //表单输入效果
    $(".loginBody .input-item").click(function (e) {
        e.stopPropagation();
        $(this).addClass("layui-input-focus").find(".layui-input").focus();
    })
    $(".loginBody .layui-form-item .layui-input").focus(function () {
        $(this).parent().addClass("layui-input-focus");
    })
    $(".loginBody .layui-form-item .layui-input").blur(function () {
        $(this).parent().removeClass("layui-input-focus");
        if ($(this).val() != '') {
            $(this).parent().addClass("layui-input-active");
        } else {
            $(this).parent().removeClass("layui-input-active");
        }
    })
})
